@import "utilities.scss";
form{
	.btn{
		vertical-align: middle;
	}
}

.control-group{margin-bottom: 10px;}
.control-label{float: left; width: 120px; height: 34px; line-height: 34px; text-align: right;}
.control-label strong{color: #f30;}
.form-horizontal .controls{margin-left: 130px;}

.input-sizes .input{margin-bottom: 5px; display: block;}
.input{height: 34px; line-height: 34px; padding:0 5px; background: #fff; border: 1px solid #D6D6D6; vertical-align: middle;}
.red .input{@extend .border-radius-3; border-color: #bfcfdc }
.red .input:focus{border-color: #68b1e8}
.input-mini{width: 60px;}
.input-small{width: 90px;}
.input-medium{width: 150px;}
.input-large{width: 210px;}
.input-xlarge{width: 270px;}
.input-xxlarge{width: 530px;} 

.control-checkbox{display: inline-block; padding:8px 0 6px; margin-right: 15px; }
.checkbox-ico{padding-left: 23px; background: url(./../img/form.png) 0 -11px no-repeat; display: inline-block;}
.red .checkbox-ico{background: url(./../img/red/form.png) 0 -10px no-repeat;}
.radio-ico{padding-left: 23px; padding-bottom: 3px; background: url(./../img/form.png) 0 -71px no-repeat;}
.red .radio-ico{ background: url(./../img/red/form.png) 0 -71px no-repeat;}
.hideinput{display: none;}
.like-checkbox{display: inline-block; width: 20px; height: 20px; vertical-align: -6px; background: url(./../img/collection.png) 0 0 no-repeat;}
.red .like-checkbox{display: inline-block; width: 20px; height: 20px; vertical-align: -6px; background: url(./../img/red/collection.png) 0 0 no-repeat;}

.like-checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align:-6px;
  *vertical-align:-3px;
  background: url(./../img/collection.png) 0 0 no-repeat;
}

.like-checkbox.on {
  background-position: -20px 0;
}

.like-radio{
	@extend .like-checkbox;
	background-position:-40px 0;
}
.like-radio.on{
	background-position: -60px 0;
}

.inline-item{
	@extend .dib;
	@extend .vm;
	@extend .fix;
	margin-bottom:20px;
	margin-right:30px;
	label{
		@extend .fl;
		@extend .mr5;
		height:34px;
		line-height:34px;
	}
	.sel-item, input{
		@extend .fl;
	}
}

.sch-item{
	input{
		@extend .mr10;
	}
}

.file-item{
	position:relative;
	@extend .dib;
	overflow:hidden;
}
.file-input{
	position:absolute;
	top:0;
	right:-10px;
	opacity:0;
	filter:alpha(opacity=0);
	font-size:20px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
}